<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="renderer" content="webkit">
    <meta name="author" content="Jhou shuai">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/baidu/cube.css"/>
    <link rel="stylesheet" type="text/css" href="css/baidu/common.css"/>
    <!--平板和PC：min-device-width:560px-->
    <link rel="stylesheet" media="only screen and (min-width:560px)" href="css/baidu/baidu.css">
    <!--手机：max-device-width:559px-->
    <link rel="stylesheet" media="only screen and (max-width:559px)" href="css/baidu/baiduphone.css">
    <title>百度一下，你就知道</title>
</head>
<body>
    <!--手机：max-device-width:559px-->
    <div class="wrapper">
        <!--头部-->
        <header>
            <!--顶部导航-->
            <nav>
                <!--天气-->
                <div id="weather" class="weather">
                    <div class="weather-outline">
                        <div class="iconfont icon-tianqi"></div>
                        <div class="weather-num">11°</div>
                        <div class="weather-status"><p>成都</p><p>空气&nbsp;62</p></div>
                        <i class="iconfont icon-xia"></i>
                    </div>
                </div>
                <!--用户。登陆。-->
                <div id="user-wrapper" class="user-wrapper">
                    <div id="login-wrapper" class="login">
                        <a id="login" class="iconfont icon-denglu"></a>
                    </div>
                </div>
            </nav>
            <!--Baidu LOGO-->
            <div id="logo" class="logo">
                <img class="skin-logo" id="skin-logo" src="images/white_logo.png" width="175" height="55" alt="百度一下,你就知道">
            </div>
            <!--百度一下-->
            <div id="baidu" class="baidu">
                <form  class="baidu-form" id="baidu-form"  action="https://m.baidu.com/s?" method="get" autocomplete="off">
                    <div class="div-input">
                        <input type="text" id="baidu-search-input" autofocus="true" autocomplete="off"  value="" name="word" class="search-inpt" />
                        <div class="btn-div">
                            <div class="yuyin"></div>
                            <div class="btn-sbmt">
                                <input class="btn-submit" type="submit"  value="百度一下" />
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <!--中间导航-->
            <div class="nav-middle">
                <div class="product">
                    <a class="javascript:void(0);"><i class="iconfont icon-xinwen"></i>新闻</a>
                    <a class="javascript:void(0);"><i class="iconfont icon-xiaoshuo"></i>小说</a>
                    <a class="javascript:void(0);"><i class="iconfont icon-shipin"></i>视频</a>
                    <a class="javascript:void(0);"><i class="iconfont icon-nuo"></i>糯米</a>
                    <a class="javascript:void(0);"><i class="iconfont icon-ditu-copy"></i>地图</a>
                    <a class="javascript:void(0);"><i class="iconfont icon-more more"></i>更多</a>
                </div>
            </div>
        </header>
        <!--主体内容-->
        <div class="content" id="content">
            <div class="center" id="center">
                <div class="center-content big">
                    <!--导航-->
                    <div class="center-nav">
                        <div class="title">
                            <h2>常用网址</h2>
                        </div>
                        <div class="handle">
                            <i class="iconfont icon-gengduo21 edit-icon"></i>
                        </div>
                    </div>
                    <!--内容-->
                    <div class="center-middle-content center-nav-list">
                        <a href="javascript:void(0);">资讯</a>
                        <a href="javascript:void(0);">hao123</a>
                        <a href="javascript:void(0);">图片</a>
                        <a href="javascript:void(0);">12306</a>
                        <a href="javascript:void(0);">凤凰网</a>
                        <a href="javascript:void(0);">美女</a>
                        <a href="javascript:void(0);">腾讯</a>
                        <a href="javascript:void(0);">
                            <i class="iconfont icon-jia"></i>
                        </a>
                    </div>
                </div>
                <div class="center-content bigger">
                    <!--导航-->
                    <div class="center-nav">
                        <div class="title">
                            <h2>时事热点</h2>
                        </div>
                        <div class="handle">
                            <div class="change">
                                <i class="iconfont icon-huanyipi1"></i>
                                换一批
                            </div>
                            <i class="iconfont icon-gengduo21 edit-icon"></i>
                        </div>
                    </div>
                    <!--内容-->
                    <div class="center-middle-content">
                        <ul class="hot-ul-list">
                           <li class="hot-li"><a class="hot-item hot" href="javacript:void(0);">半年夹3000娃娃</a></li>
                           <li class="hot-li"><a class="hot-item hot" href="javacript:void(0);">美人鱼成限制级</a></li>
                           <li class="hot-li"><a class="hot-item hot" href="javacript:void(0);">贾静雯调侃女儿</a></li>
                           <li class="hot-li"><a class="hot-item" href="javacript:void(0);">钟汉良皮衣裤开唱</a></li>
                           <li class="hot-li"><a class="hot-item" href="javacript:void(0);">钟汉良皮衣裤开唱</a></li>
                        </ul>
                    </div>
                    <div class="hotSearch">
                        <a href="javascript:void(0);">
                            百度风云榜
                            <i class="iconfont icon-right"></i>
                        </a>
                    </div>
                </div>
                <div class="center-content biggest">
                    <!--导航-->
                    <div class="center-nav">
                        <div class="title">
                            <h2>百度推荐</h2>
                        </div>
                        <div class="handle">
                            <div class="change">
                                <i class="iconfont icon-huanyipi1"></i>
                                换一批
                            </div>
                            <i class="iconfont icon-gengduo21 edit-icon"></i>
                        </div>
                    </div>
                    <!--内容-->
                    <div class="center-middle-content">
                        <ul class="newsContent-list">
                            <li class="newsContent-li hotnews">
                                <a  href="javacript:void(0);">
                                    <img class="imgBg" src="images/002.jpg">
                                    <div class="outer">
                                        <span class="newsTitle">上海市民雨中“闹元宵” 豫园灯会限行限流</span>
                                        <span class="time">17:43</span>
                                    </div>
                                </a>
                            </li>
                            <li class="newsContent-li"><a  href="javacript:void(0);"><span class="newsTitle">中国移动亮相MWC2016 展示4G等通信技术</span><span class="time">17:43</span></a></li>
                            <li class="newsContent-li"><a  href="javacript:void(0);"><span class="newsTitle">南京秦淮灯会又迎汹涌人潮 城管部门发布观灯指南</span><span class="time">17:43</span></a></li>
                            <li class="newsContent-li"><a  href="javacript:void(0);"><span class="newsTitle">普京接见俄冰球国家队 获赠球杆自嘲不会滑冰</span><span class="time">17:43</span></a></li>
                        </ul>
                    </div>
                    <div class="hotSearch">
                        <a href="javascript:void(0);">
                            查看更多推荐
                            <i class="iconfont icon-right"></i>
                        </a>
                    </div>
                </div>
                <div class="center-content other">
                    <!--导航-->
                    <div class="center-nav">
                        <div class="title">
                            <h2>生活服务</h2>
                        </div>
                        <div class="handle">
                            <i class="iconfont icon-gengduo21 edit-icon"></i>
                        </div>
                    </div>
                    <!--内容-->
                    <div class="center-middle-content">
                          <!--定位-->
                        <div class="location">
                            <span>点击定位，查看附近位置信息</span>
                            <a class="location-handle" href="javascript:void(0);"><i class="iconfont icon-dingwei2"></i>定位</a>
                        </div>
                        <ul class="lbs-list">
                            <li><a href="javascript:void(0);"><div class="iconfont icon-dingwei1"></div><p>电影</p></a></li>
                            <li><a href="javascript:void(0);"><div class="iconfont icon-huanyipi"></div><p>电影</p></a></li>
                            <li><a href="javascript:void(0);"><div class="iconfont icon-huanyipi1"></div><p>电影</p></a></li>
                            <li><a href="javascript:void(0);"><div class="iconfont icon-like_more"></div><p>电影</p></a></li>
                            <li><a href="javascript:void(0);"><div class="iconfont icon-huan"></div><p>电影</p></a></li>
                            <li><a href="javascript:void(0);"><div class="iconfont icon-more"></div><p>电影</p></a></li>
                            <li><a href="javascript:void(0);"><div class="iconfont icon-gengduo2"></div><p>电影</p></a></li>
                        </ul>
                    </div>
                    <div class="lifeContrl">
                        <span class="open">
                            展示全部
                        </span>
                        <i class="iconfont icon-xia"></i>
                    </div>
                </div>
            </div>
        </div>
        <!--尾部-->
        <footer>
            &copy;JHOU SHUAI 2016年02月22日 21:50:59
        </footer>
        <!--皮肤-->
        <div class="skin-bg"></div>
        <!--换皮肤-->
        <input type="hidden" id="skinSwitch" data-time="on" data-skinlogo="../images/white_logo.png" data-skinlink="" data-skincolor="#d84444" data-skinurl="./images/yuanxiao_skin6sp.jpg">
    </div>
    <!--平板和PC：min-device-width:560px-->
    <div class="container">
        <div  class="header"><!--头部导航-->
            <div class="head_wrapper">
                <div class="nav">
                    <a href="http://www.nuomi.com/?cid=002540"  class="mnav">糯米</a>
                    <a href="http://news.baidu.com"  class="mnav">新闻</a>
                    <a href="http://www.hao123.com"  class="mnav">hao123</a>
                    <a href="http://map.baidu.com" class="mnav">地图</a>
                    <a href="http://v.baidu.com"  class="mnav">视频</a>
                    <a href="http://tieba.baidu.com"  class="mnav">贴吧</a>
                    <a href="https://passport.baidu.com/"  class="login">登录</a>
                    <!--设置列表-->
                    <div id="list-set" class="list-set">
                        <a href="http://www.baidu.com/gaoji/preferences.html" id="set"  class="set">设置</a>
                        <ul id="ul-set" class="ul-set">
                            <span class="icon-triangle"></span>
                            <li><a href="javascript:void(0);">搜索设置</a></li>
                            <li><a href="javascript:void(0);">高级搜索</a></li>
                            <li><a href="javascript:void(0);">关闭预测</a></li>
                            <li><a href="javascript:void(0);">搜索历史</a></li>
                        </ul>
                    </div>
                    <a href="http://www.baidu.com/more/" id="more"  class="more" style="display: block;">更多产品</a></div>
            </div>
        </div>
        <div id="more-product" class="more-product">
            <ul class="list-div">
                <li>
                    <a class="ul-product-a anymore" href="javascript:void(0);">更多产品</a>
                </li>
                <li>
                    <a class="ul-product-a" href="javascript:void(0);">
                        <span class="bgimgspan bdbriimgitem_3"></span>
                        音乐
                    </a>
                </li>
                <li>
                    <a class="ul-product-a" href="javascript:void(0);">
                        <span class="bgimgspan bdbriimgitem_4"></span>
                        图片
                    </a>
                </li>
                <li>
                    <a class="ul-product-a" href="javascript:void(0);">
                        <span class="bgimgspan bdbriimgitem_2"></span>
                        知道
                    </a>
                </li>
                <li>
                    <a class="ul-product-a" href="javascript:void(0);">
                        <span class="bgimgspan bdbriimgitem_5"></span>
                        文库
                    </a>
                </li>
                <li>
                    <a class="ul-product-a" href="javascript:void(0);">
                        <span class="bgimgspan bdbriimgitem_6"></span>
                        风云榜
                    </a>
                </li>
                <li>
                    <a class="ul-product-a" href="javascript:void(0);">
                        <span class="bgimgspan bdbriimgitem_7"></span>
                        百度推广
                    </a>
                </li>
                <li>
                    <a class="more-a ul-product-a" href="javascript:void(0);">全部产品&gt;&gt;</a>
                </li>
            </ul>
        </div>
        <div class="content"><!--中间部分-->
            <div class="search-div">
                <!-- LOGO -->
                <img  hidefocus="true" src="images/bd_logo1.png" width="270" height="129" title="百度一下，你就知道" align="百度一下，你就知道"/>
                <!-- 百度搜索框 表单提交-->
                <form action="http://www.baidu.com/s" method="get" target="_blank">
                    <div class="div-input">
                        <div class="float-left">
                            <input type="text" id="search-input" autofocus="true" autocomplete="off"  value="" name="wd" class="search-inpt" />
                        </div>
                        <div class="float-left">
                            <input class="btn-submit" type="submit"  value="百度一下" />
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="footer footer-bigger"><!--尾部-->
            <div class="footer-div">
                <!-- 手机百度 -->
                <div class="div-img-qrcode">
                    <img src="images/zbios_62c636fe.png"/>
                </div>
                <div class="div-qrcode"><p><b>手机百度</b></p><p><span class="gry-footer">快人一步</span></p></div>
                <!--百度糯米-->
                <div class="div-img-qrcode">
                    <img src="images/nuomi_510f7472.png"/>
                </div>
                <div class="div-qrcode"><p><b>百度糯米</b></p><p><span class="gry-footer">一元大餐</span></p></div>
                <!--about BAIDU-->
                <div class="div-baidu-about">
                    <p>
                        <a href="/">把百度设为主页</a>&nbsp;
                        <a>把百度设为主页</a>&nbsp;
                        <a href="http://home.baidu.com">关于百度</a>&nbsp;
                        <a href="http://ir.baidu.com">About&nbsp;Baidu</a>
                    </p>
                    <p class="p-footer"><span class="cp-span">&copy;</span>2016&nbsp;Baidu&nbsp;<a class="footer-link" href="http://www.baidu.com/duty/">使用百度前必读</a>&nbsp;<a  href="http://jianyi.baidu.com/" >意见反馈</a>&nbsp;京ICP证030173号&nbsp;<i class="icon-icrlogo">&nbsp;</i></p>
                </div>
            </div>
        </div>
        <div class="footer footer-big">
            <div class="footer-top">
                <!-- 手机百度 -->
                <div class="div-img-qrcode">
                    <img src="images/zbios_62c636fe.png"/>
                </div>
                <div class="div-qrcode"><p><b>手机百度</b></p><p><span class="gry-footer">快人一步</span></p></div>
                <!--百度糯米-->
                <div class="div-img-qrcode">
                    <img src="images/nuomi_510f7472.png"/>
                </div>
                <div class="div-qrcode"><p><b>百度糯米</b></p><p><span class="gry-footer">一元大餐</span></p></div>
            </div>
            <!--about BAIDU-->
            <div class="footer-about">
                <div class="div-baidu-about">
                    <p>
                        <a href="/">把百度设为主页</a>&nbsp;
                        <a>把百度设为主页</a>&nbsp;
                        <a href="http://home.baidu.com">关于百度</a>&nbsp;
                        <a href="http://ir.baidu.com">About&nbsp;Baidu</a>
                    </p>
                    <p class="p-footer"><span class="cp-span">&copy;</span>2016&nbsp;Baidu&nbsp;<a class="footer-link" href="http://www.baidu.com/duty/">使用百度前必读</a>&nbsp;<a  href="http://jianyi.baidu.com/" >意见反馈</a>&nbsp;京ICP证030173号&nbsp;<i class="icon-icrlogo">&nbsp;</i></p>
                </div>
            </div>
        </div>
    </div>
<script type="text/javascript" src="./js/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="./js/baidu.js"></script>
</body>
</html>